<!DOCTYPE HTML>
<html>
<head>
<style>
.container { margin-top:1em; background:yellow; width:100px; }
.content { width:100px; height:60px; }
.scroll-in { overflow:scroll; }
.scroll { overflow-x:scroll; width:200px; }
.over { height:50px; }
body { margin:0; position:absolute; clip: rect(0 100px auto 0); }
</style>
</head>
<body>

<div class="container">
  <div class="content"></div>
</div>
<div class="container scroll">
  <div class="content"></div>
</div>
<div class="container scroll-in over">
  <div class="content"></div>
</div>
<div class="container scroll over">
  <div class="content"></div>
</div>

<div class="container">
  <div class="content"></div>
</div>
<div class="container scroll">
  <div class="content"></div>
</div>
<div class="container scroll-in over">
  <div class="content"></div>
</div>
<div class="container scroll over">
  <div class="content"></div>
</div>

</body>
</html>
